<style>
table{text-align: left;width: 100%;}
table tr th{background-color: #eeeeee;}
table tr td,table tr th{border: 1px solid #d3d2d2;padding: 10px;}
table input{width: 80px;height: 20px;}

table label{display: inline-block;cursor: default;margin: 0 3px;}
table input[type="checkbox"],table input[type="radio"]{margin: 0;cursor: default;margin-top: -2px;}
table .thSetPrice a{
	display: block;margin: 5px 0;padding: 3px 5px;border: 1px solid #888888;background-color: #888888;
	color: #fff;text-decoration: none;text-align: center;width: 60px;cursor: pointer;
}
table a:hover{text-decoration: none;background-color: #368ee0;border-color: #368ee0;}

.page{padding: 5px;border: 2px solid #368ee0;border-top: none;}
.page .page_count{padding-top: 5px;}
.page .page_count label{display: inline-block;line-height: 30px;font-weight: normal;float: left;}
.page .page_count .paginate_button{
	margin: 0 5px;
	float: left;
	background-color: #D5D5D5;
	padding: 5px 12px;
	color: #7d7d7d;
	border-radius: 3px;
}
.page .page_count .paginate_button:hover{
	background-color: #89affc;
	color: #fff;
}
.page .page_count .paginate_active{
	margin: 0 5px;
	float: left;
	padding: 5px 12px;
	color: #fff;
	background-color: #89affc;
	border-radius: 3px;
}
.page a{text-decoration: none;}
.page b{color: #FF4500;}

.box-title a{float: right;border: 1px solid #5bc0de;background: #5bc0de;color: #fff;padding: 3px 8px;border-radius: 3px;margin-right: 10px;}
table.th_table tbody tr:hover{background-color: #D9D9D9;}
input.datepickerinput,select{width: 100px;margin-top: 5px;}

#pop-up-boxes{
	position: fixed;width: 100%;height: 100%;z-index: 20;top: 0;left: 0;display: none;
}
#pop-up-boxes-content{
	width: 500px;
	margin: 10% auto;
	font-size: 14px;
	border: 1px solid black;color: black;
	margin-top: 10%;background-color: #fff;border-radius: 10px;
}
#pop-up-boxes-title label{display: inline;margin-bottom: 0;}
#pop-up-boxes-title img{
	float: right;left: 0;top: 17px;width: 16px;height: 16px;margin: 3px;border: none;border-radius: 10px;cursor: pointer;
}
#pop-up-boxes-text{
	padding: 20px;text-align: left;color: #555555;word-break: break-all; word-wrap:break-word;
	max-height: 500px;overflow-y: auto;line-height: 30px;
}
#pop-up-boxes-text input,#pop-up-boxes-text select{width: 100px;padding: 3px;}
#pop-up-boxes-text a{
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	background-color: #5bc0de;
	color: #fff;
	border-radius: 5px;
}
</style>
<div id="main">
    <div class="container-fluid">
        <div class="page-header">
        	<div class="pull-left">
        		<h1>短信管理</h1>
        	</div>
        	<div class="pull-right">
        		<ul class="stats">
        			<li class='lightred'>
        				<i class="icon-calendar"></i>
        				<div class="details">
        					<span class="big"></span>
        					<span></span>
        				</div>
        			</li>
        		</ul>
        	</div>
        </div>
        <div class="breadcrumbs">
        	<ul>
        		<li>
        			<a href="javascript:void(0);">后台管理</a>
        			<i class="icon-angle-right"></i>
        		</li>
        		<li>
        			<a href="javascript:void(0);">短信管理</a>
        			<i class="icon-angle-right"></i>
        		</li>
        		<li>
        			<a href="javascript:void(0);">短信日志</a>
        		</li>
        	</ul>
        	<div class="close-bread">
        		<a href="#"><i class="icon-remove"></i></a>
        	</div>
        </div>
        <div class="row-fluid">
        	<div class="span12">
        		<div class="box box-color box-bordered">
        			<div class="box-title">
        				<h3>
        					<i class="icon-th-list"></i>
        					短信列表
        				</h3>
        			</div>
                    <div style="border: 2px solid #368ee0;border-top: none;border-bottom: none;padding: 10px;">
                        <form action="" method="get" style="margin: 0;padding: 0;">
                            关键字 <input type="text" name="nameKey" value="<?=$nameKey?>" placeholder="多个关键字用半角逗号','分开" style="margin-top: 5px;width: 300px;" />
                            &nbsp;&nbsp;&nbsp;<button style="border: 1px solid transparent;background-color: #368ee0;color: #fff;padding: 3px 8px;margin-top: -5px;">查询</button>
                            <a href="<?=$this->url('log/messageLog')?>" style="color: red;margin-left: 10px;">显示全部</a>
                        </form>
                    </div>
                    <div style="border: 2px solid #368ee0;border-top: none;<?=$number>1?'border-bottom: none;':''?>">
                        <table class="th_table">
        					<thead>
        						<tr>
        							<th>序号</th>
                                    <th>内容</th>
                                    <th>添加时间</th>
        						</tr>
        					</thead>
                            <tbody>
                                <?
                                if($re){
                                    foreach($re as $k=>$v){?>
                                        <tr>
                                            <td><?=$page==1?$page*($k+1):$size*$page-$size+$k+1?></td>
                							<td onclick="showDiv(this)" style="cursor: pointer;" value="<?=htmlspecialchars($v['content'])?>"><?=mb_substr($v['content'],0,100,'utf-8').'...'; ?></td>
                							<td><?=$v['created']?></td>
                						</tr>
                                    <?}
                                }else{?>
                                    <tr><td colspan="3" style="text-align: center;font-size: 20px;">没有相关记录</td></tr>
                                <?}?>
                            </tbody>
        				</table>
                    </div>
					<?if($re&&$number>1){?><div class="page"><?=$pageHtml?></div><?}?>
                </div>
        	</div>
        </div>
    </div>
</div>

<div id="pop-up-boxes">
    <div id="pop-up-boxes-content">
        <div id="pop-up-boxes-title"><label>&nbsp;内容</label><img src="/public/assets/sysadmin/mylzp/img/error.png" /></div>
        <div id="pop-up-boxes-text">
        </div>
    </div>
</div>
<script type="text/javascript">
    $('#pop-up-boxes-title img').click(function(){
        $('#pop-up-boxes').hide();
    });
    function showDiv(obj){
        $('#pop-up-boxes-text').text($(obj).attr('value'));
        $('#pop-up-boxes').show();
    }
</script>